.model-tree-box {
    height: 100%;
    padding: 10px 0px 10px 10px;
    background-color: #fff;
    overflow: auto;
    box-shadow: 0px 2px 4px 0px rgba(34,46,71,0.1);
    .tree-search {
        margin-right: 10px;
        width: calc(100% - 10px);
    }
    .tree-opt-box {
        margin: 0 10px 10px 0;
    }
    .tree-add-sort {
        text-align: center;
        color: rgb(0, 141, 255);
        line-height: 35px;
        box-shadow: 0px 2px 4px 0px rgba(34,46,71,0.1);
        cursor: pointer;
        .iconfont {
            font-size: 12px !important;
        }
    }
    .module-tree {
        .icon {
            background-color: #c4c6cc;
            border-radius: 50%;
            color: #fff;
            display: block;
            font-size: 12px;
            font-style: normal;
            height: 20px;
            line-height: 1.666667;
            text-align: center;
            width: 20px;
        }
        .hcp-tree-treenode,
        .hcp-tree-treenode-motion {
            width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            .hcp-tree-node-content-wrapper {
                flex: 1;
                width: 100%;
                height: 30px;
                line-height: 30px;
                background: none;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                border-radius: 2px;
                .iconfont {
                    font-size: 14px;
                    line-height: 30px;
                }
            }
            .hcp-tree-title {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                height: 24px;
                margin-left: 2px;
                .hcp-space {
                    position: absolute;
                    right: 4px;
                    .hcp-space-item {
                        height: 24px;
                    }
                }
                .btn {
                    display: none;
                    border-radius: 4px;
                    font-size: 14px;
                    line-height: 30px;
                }
            }
            &:hover {
                background-color: #E6EEFE;
                .hcp-tree-title {
                    width: calc(100% - 100px);
                    color: #3C67B8;
                    .btn {
                        display: inline-block;
                    }
                }
                &::before {
                    content: "";
                    width: 3px;
                    height: 30px;
                    background: #3C67B8;
                    position: absolute;
                    right: 0px;
                }
            }
            &.hcp-tree-treenode-selected {
                background-color: #E6EEFE;
                .hcp-tree-title {
                    color: #3C67B8;
                }
                &::before {
                    content: "";
                    width: 3px;
                    height: 30px;
                    background: #3C67B8;
                    position: absolute;
                    right: 0px;
                }
            }
        }
        .hcp-tree-switcher-noop{
            display: none;
        }
        .hcp-tree-switcher {
            background: transparent;
            line-height: 30px;
            .hcp-tree-switcher-icon {
                font-size: 12px;
            }
            .iconfont {
                font-size: 14px;
                line-height: 30px;
            }
        }
        .hcp-tree-indent-unit {
            &::before {
                display: none;
            }
        }
    }
    .module-tree-spin {
        width: 100%;
        height: 100%;
        padding-top: calc(50% - 12px);
    }
    .tree-search-value {
        color: #3C67B8;
        font-weight: 700;
    }
}

.hcp_model_import_template{
    .hcp_import_div{
        // display: flex;
        // align-items: center;
        // justify-content: center;
        padding-bottom: 25px;
        position: relative;
        .description {
            margin: 10px 0 0 66px;
        }
    }
    .hcp-upload-list{
        position: absolute;
        bottom: 0;
    }
    .icon-shangchuanwenjian2{
        font-size: 34px;
        color: rgb(170, 170, 170);
        padding: 10px 20px;
        display: inline-block;
        border: 1px dashed #ddd;
        margin-right: 10px;
        cursor: inherit;
    }
    .icon-shangchuanwenjian2:hover{
        border: 1px dashed #007bff;
    }
}